import AntDesign from '@expo/vector-icons/AntDesign';
import { primaryColor } from '@/constants/Colors';
import type { MenuItemType } from './types';
import XIcon from '@/assets/icons/x_icon.svg';

const iconStyles = {
  iconColor: '#fff',
  iconBgColor: primaryColor,
}

export const sharePlatforms: MenuItemType[] = [
  {
    key: 'facebook',
    title: 'Facebook',
    ...iconStyles,
    icon: <AntDesign name="facebook-square" />,
  },
  {
    key: 'x',
    title: 'X',
    ...iconStyles,
    icon: <XIcon style={{ width: 20, height: 20 }} />
  },
  {
    key: 'wechat',
    title: 'Wechat',
    ...iconStyles,
    icon: <AntDesign name="wechat" />
  },
];